<template>
  <div id="priceTfsign">
    <h1 class="maginTop">WEB应用封装介绍</h1>
    <el-button
      type="primary"
      class="maginTop"
      @click="$router.push('/webpackaging')"
      >立即封装</el-button
    >
    <el-table :data="tableData" border style="width: 920px" class="maginTop">
      <el-table-column prop="date" label="时间" align="center">
      </el-table-column>
      <el-table-column prop="money" label="价格" align="center">
      </el-table-column>
    </el-table>
    <p class="maginTop" style="margin-bottom: 50px">
      如需了解更多详情，请联系客服
    </p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: "一个月",
          money: "￥100",
        },
        {
          date: "三个月",
          money: "￥288",
        },
        {
          date: "六个月",
          money: "￥558",
        },
        {
          date: "一年",
          money: "￥1088",
        },
        {
          date: "永久",
          money: "￥2088",
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.maginTop {
  margin-top: 30px;
}
#priceTfsign {
  background-color: #fafbff;
  display: flex;
  flex-direction: column;
  align-items: center;
  h1 {
    font-size: 26px;
    color: #0c79ff;
  }
}
</style>